import React, { Component } from 'react'
import { Layout, Menu } from 'antd';
import MyNavLink from "../MyNavLink"
import '../../index.css'
const { Header } = Layout;

const MenuItem = Menu.Item
export default class Head extends Component {
    render() {
        return (
            <div id="returnHead" >
                <Header className="header">
                    <div className="logo" />
                    <Menu theme="dark" mode="horizontal" defaultSelectedKeys={['1']}>
                        <MenuItem key="1">
                            <MyNavLink to="/develop">
                                村域开发
                            </MyNavLink>
                        </MenuItem>
                        <MenuItem key="2">
                            <MyNavLink to="/available">
                                闲置房屋
                            </MyNavLink>
                        </MenuItem>
                        <MenuItem key="3">
                            <MyNavLink to="/presentation">
                                案例展示
                            </MyNavLink>
                        </MenuItem>
                        <MenuItem key="4">
                            <MyNavLink to="/policy"                                                                                                      >
                                政策资料
                            </MyNavLink>
                        </MenuItem>
                        <MenuItem key="5">
                            <MyNavLink to="/rent"                                                                                                      >
                                民宿短租
                            </MyNavLink>
                        </MenuItem>
                    </Menu>
                </Header>
            </div>
        )
    }
}
